<!--
默认为应用首页，应该是员工打开的页面
-->
<template>
	<div class="home-wrap">
		<!--top-->
		<div class="Top">
			<div class="logo"><a href="/zp/"><img src="template/images/logo.png" width="148" /></a></div>
			<nav class="mainnav">
				<ul class="menu" id="menu">
					<li><a style="color:#b5b5b5;" href='index.html' >HOME</a></li>
					<li><a class="nava" href='ppgs.html' >品牌故事</a></li>
					<li><a class="nava" href='kct.html' >全屋定制</a></li>
					<li><a class="nava" href='join.html' >招商加盟</a></li>
					<li><a class="nava" href='cgwd.html' >客户中心</a></li>
					<li><a class="nava" href='investment/index.html' >投资者关系</a></li>
					<li><a class="nava" href='wzzn.html' >我在找你</a></li>
				</ul>
				<div class="clear"></div>
			</nav>
		</div>
		<!--banner-->
		<div class="home-banner">
			<img src="template/uploads/1-1F4251R0095V.jpg" alt="">
		</div>
		<!--图片-->
		<div class="Contain home_con">
			<ul>
				<li><a href="#"><img src="template/uploads/1-16121GR2440-L.jpg"></a></li>
				<li><a href="wzzn.html"><img src="template/uploads/1-16121GR3510-L.jpg"></a></li>
				<li><a href="join.html"><img src="template/uploads/1-16121GR4230-L.jpg"></a></li>
				<li><a href="made.html"><img src="template/uploads/1-16121GR4500-L.jpg"></a></li>
			</ul>
		</div>
		<!--底部-->
		<div class="Bottom">
			<div class="div div1"><h3 class="h3">品牌故事</h3>
				<ul><a href="ppgs.html">
					<li>公司新闻</li>
					<li>发展历程</li>
					<li>企业荣誉</li>
				</a></ul>
			</div>
			<div class="div div1"><h3 class="h3">全屋定制</h3>
				<ul><a href="kct.html">
					<li>客餐厅</li>
					<li>卧房</li>
					<li>书房</li>
					<li>厨房</li>
				</a></ul>
			</div>
			<div class="div div1"><h3 class="h3">招商加盟</h3>
				<ul><a href="join.html">
					<li>商业模式</li>
					<li>加盟流程</li>
				</a></ul>
			</div>
			<div class="div div1"><h3 class="h3">客户中心</h3>
				<ul><a href="cgwd.html">
					<li>全国网点</li>
				</a></ul>
			</div>
			<div class="div div1"><h3 class="h3">卓恩计划</h3>
				<ul><a href="#"></a></ul>
			</div>
			<div class="div div1"><h3 class="h3">投资者关系</h3>
				<ul><a href="investment/aboutus.html" target="_blank">
					<li>公司资料</li>
				</a><a href="investment/notice.html" target="_blank">
					<li>公司公告</li>
				</a><a href="investment/new.html" target="_blank">
					<li>公司动态</li>
				</a><a href="investment/feedback.html" target="_blank">
					<li>精彩互动</li>
				</a>

				</ul>
			</div>
			<div class="div div1"><h3 class="h3">我在找你</h3>
				<ul><a href="wzzn.html">
					<li>企业文化活动</li>
					<li>企业招聘</li>
				</a></ul>
			</div>
			<div class="b_tel"><h3 class="h3">服务热线：</h3>
				<p>400-000-88880</p>
				<h3 class="h3">加盟热线：</h3>
				<p>400-000-8888</p>

			</div>

		</div>
		<div class="clear"></div>
		<div class="Copyright Contain">
			<nav class="BottomLinks"><em>|</em><a href="legal.html">法律声明</a></nav>
			Copyright © 2022 泉州洛江区卓恩家居有限公司 All Rights Reserved.　
			<a href="https://beian.miit.gov.cn/">闽ICP备2022003307号-1</a>
		</div>
		<div class="clear"></div>
	</div>
</template>
<script>


import mixins from "@/mixins/mixins";

export default {
	nane:"index",
	mixins: [mixins],
	components: {},
	data() {
		return {

		}
	},
	computed:{

	},
	created(){
	},
	mounted(){
	},
	methods:{


	}
}
</script>


<style lang="less" scoped>
/*index*/
.Contain{ width:1200px; margin:0 auto;}
.home_con{ overflow:hidden; width:1200px; margin:0 auto; padding-top:28px;}
.home_con li{ float:left; margin:0 1px; height:142px; overflow:hidden; width:298px;}
.home_con li img{ height:142px; width:298px;}
//顶部
.Top{ height:100px; width:1200px; margin:0 auto; position:relative; z-index:3;}
.Top .logo{ float:left; margin-top:23px;}
.Top .logo a{ display:block; width:148px; height:57px;}
.mainnav{ position:absolute; right:20px; bottom:30px;}
.mainnav li{ float:left; color:#b5b5b5;}
.mainnav li a{ display:block; padding:0 30px;  font-size:14px;}
.mainnav li a:hover{color:#F00;}
.mainnav li.onnav a{ color:#e60012;}
.nava{color:#b5b5b5;}
.cur {color:red; }
//轮播
.home-banner{}
.home-banner img{width: 100%}

//底部

/*Bottom*/
.Bottom{ width:1200px; margin:0 auto; padding:15px; margin-top:2px;}
.Bottom .div{ float:left;/* width:164px;*/ width:140px;}
.Bottom .div .h3{ font-weight:normal; font-size:12px; color:#333; margin:0; line-height:20px; font-weight:600;}
.Bottom .div li{ height:20px; line-height:20px;}
.Bottom .div li a{ line-height:20px; color:#666; font-size:12px !important;}

.Bottom .div6{ width:100px;}

.Bottom .b_tel{ float:right; width:210px;}
.Bottom .b_tel .h3,.Bottom .b_tel p{ margin:0;}
.Bottom .b_tel .h3{ font-size:14px; color:#999; font-weight:normal; padding-left:20px; background:url(/template/images/b_telbg.jpg) no-repeat left center;}
.Bottom .b_tel p{ padding:5px 0; font-size:18px; color:#e6002e; }

.Copyright{ line-height:55px; margin-top:10px; border-top:1px solid #e8e8e8;}
.Copyright,.Copyright a{ color:#999;}
.Copyright .BottomLinks{ float:right;}
.Copyright .BottomLinks em{ font-style:normal; padding:0 10px; color:#f2f2f2;}


</style>
